<!DOCTYPE html>
<html style="background-color:#FFFFFF;">
<head>
    <meta charset="utf-8">
    <meta name="wap-font-scale" content="no">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <meta name="viewport" content="width=device-width,initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <title>发单信息</title>
    <meta name="apple-mobile-web-app-capable" content="no">
    <meta name="keywords" content="">
    <meta name="description" content="">
<!--    <link rel="stylesheet" type="text/css" href="__CDN__/assets/user/css/bootstrap.min.css">-->
    <link href="__CDN__/assets/popup/css/animate.css" rel="stylesheet" type="text/css">
    <link href="__CDN__/assets/popup/css/noticejs.css" rel="stylesheet" type="text/css">
    <script src="__CDN__/assets/popup/js/notice.js"></script>

    <script src="__CDN__/assets/release/js/rembasic.js" type="text/javascript" ></script>

    <link rel="stylesheet" href="__CDN__/assets/release/css/pandastar.css">
<style>
    .select {
        display: inline-block;
        width: 300px;
        position: relative;
        vertical-align: middle;
        padding: 0;
        overflow: hidden;
        /*background-color: #fff;*/
        color: #555;
        border: 1px solid #aaa;
        text-shadow: none;
        border-radius: 4px;
        transition: box-shadow 0.25s ease;
        z-index: 2;
    }

    .select:hover {
        box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15);
    }

    .select:before {
        content: "";
        position: absolute;
        width: 0;
        height: 0;
        border: 10px solid transparent;
        border-top-color: #ccc;
        top: 14px;
        right: 10px;
        cursor: pointer;
        z-index: -2;
    }
    .select select {
        cursor: pointer;
        /*padding: 10px;*/
        width: 100%;
        border: none;
        margin-left: 20px;
        background: transparent;
        background-image: none;
        -webkit-appearance: none;
        -moz-appearance: none;
    }

    .select select:focus {
        outline: none;
    }

    .databox1 {
        padding: 0.2rem 0.4rem 0.17rem 0;
        border-bottom: 0.02rem solid #cccccc;
        height: 3rem;
        width: 96%;
    }

    .databox1 .databox-left1 {
        width: 49.56%;
        height: 0.62rem;
        float: left;
    }
    .databox1 .databox-right1 {
        width: 50.44%;
         height: 0.62rem;
        float: left;
        font-size: 0;
        position: relative;
    }
    .databox1 .databox-left1 .databox-left-ct1 {
        height: 0.36rem;
        line-height: 0.76rem;
        text-align: left;
        font-size: 0.28rem;
        color: #393939;
        margin-left: 5px;
    }
    .textarea1{
        border: 0;
        width: 100%;
        text-align: left;
    }
    .databox .databox-right2 {
        width: 24.44%;
        height: 0.62rem;
        float: left;
        font-size: 0;
        position: relative;
    }
    .form-group {
        /* margin: 0px; */
        margin-bottom: 100px;
        display: inline-block;
        width: 100%;
        padding: 12px;
    }
    .btn-block {
        display: block;
        width: 100%;
    }
    .btn-group-lg>.btn, .btn-lg {
        padding: 10px 16px;
        font-size: 18px;
        line-height: 1.3333333;
        border-radius: 6px;
    }
    .btn-primary {
        color: #fff;
        background-color: #337ab7;
        border-color: #2e6da4;
    }
    .btn {
        display: inline-block;
        padding: 6px 12px;
        margin-bottom: 0;
        font-size: 14px;
        font-weight: 400;
        line-height: 2.428571;
        text-align: center;
        white-space: nowrap;
        vertical-align: middle;
        -ms-touch-action: manipulation;
        touch-action: manipulation;
        cursor: pointer;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        background-image: none;
        border: 1px solid transparent;
        border-radius: 4px;
    }
</style>
</head>
<body>
<div class="body-container">
    <div class="toper-wrap">
        <div class="toper-box">
            <div class="toper-left" style="padding:0;">
                <a class="cb-sgin" href="">
                    <i class="fa fa-angle-left" aria-hidden="true"></i>
                </a>
            </div>
            <div class="toper-middle" style="padding:0;">
                发单信息
            </div>
            <div class="toper-right" style="padding:0;">

            </div>
        </div>
    </div>
<!--    <form method="POST" action="{:url('index/release_1')}">-->
    <form id="fadan" onsubmit="return false" action="##" method="post">
        <div class="datawrap1">
            <div class="databox">
                <div class="databox-left">
                    <div class="databox-left-ct">
                        <span style="color: red">*</span>选择游戏
                    </div>
                </div>
                <div class="databox-right select">
                    <select class="text-input" name="game_id">
                        {volist name="game" id="vo"}
                        <option value="{$vo.name}">{$vo.name}</option>
                        {/volist}
                    </select>
                </div>
            </div>

            <div class="databox">
                <div class="databox-left">
                    <div class="databox-left-ct">
                        <span style="color: red">*</span>客户端
                    </div>
                </div>
                <div class="databox-right select">
                    <select class="text-input" name="client">
                        {volist name="client" id="vo"}
                        <option value="{$vo.name}">{$vo.name}</option>
                        {/volist}
                    </select>
                </div>
            </div>

            <div class="databox">
                <div class="databox-left">
                    <div class="databox-left-ct">
                        <span style="color: red">*</span>所在区服
                    </div>
                </div>
                <div class="databox-right select">
                    <select class="text-input" name="qu">
                        {volist name="qu" id="vo"}
                        <option value="{$vo}">{$vo}</option>
                        {/volist}
                    </select>
                </div>
            </div>

            <div class="databox">
                <div class="databox-left">
                    <div class="databox-left-ct">
                        <span style="color: red">*</span>商品类型
                    </div>
                </div>
                <div class="databox-right select">
                    <select class="text-input" name="goods_type">
                        {volist name="goodtype" id="vo"}
                        <option value="{$vo.name}">{$vo.name}</option>
                        {/volist}
                    </select>
                </div>
            </div>
        </div>

        <div class="datawrap1">
            <div class="databox">
                <div class="databox-left">
                    <div class="databox-left-ct">
                        <span style="color: red">*</span>现在段位
                    </div>
                </div>
                <div class="databox-right2 select">
                    <select class="text-input" style="padding: 10px 0px;" name="xz_rank">
                        {volist name="rank" id="vo"}
                        <option value="{$vo}" class="select-rank">{$vo}</option>
                        {/volist}
                    </select>
                </div>
                <div class="databox-right2 select">
                    <select class="text-input" style="padding: 10px 0px;" name="xz_star">
                        {volist name="star" id="vo"}
                        <option value="{$vo}" class="select-rank">{$vo}</option>
                        {/volist}
                    </select>
                </div>
            </div>

            <div class="databox">
                <div class="databox-left">
                    <div class="databox-left-ct">
                        <span style="color: red">*</span>目标段位
                    </div>
                </div>
                <div class="databox-right2 select">
                    <select class="text-input" style="padding: 10px 0px;" name="mb_rank">
                        {volist name="rank" id="vo"}
                        <option value="{$vo}" class="select-rank">{$vo}</option>
                        {/volist}
                    </select>
                </div>
                <div class="databox-right2 select">
                    <select class="text-input" style="padding: 10px 0px;" name="mb_star">
                        {volist name="star" id="vo"}
                        <option value="{$vo}" class="select-rank">{$vo}</option>
                        {/volist}
                    </select>
                </div>
            </div>

            <div class="databox">
                <div class="databox-left">
                    <div class="databox-left-ct">
                        英雄数量
                    </div>
                </div>
                <div class="databox-right">
                    <span class="cmtip">&nbsp;个</span>
                    <input class="text-input height-input" type="text" name="heroes"  value="" placeholder="英雄数量(可不填)">
                </div>
            </div>
            <div class="databox">
                <div class="databox-left">
                    <div class="databox-left-ct">
                        <span style="color: red">*</span>铭文等级
                    </div>
                </div>
                <div class="databox-right">
                    <span class="cmtip">&nbsp;级</span>
                    <input class="text-input height-input" type="text" name="mwgrade"  value="" placeholder="铭文等级(可不填)">
                </div>
            </div>
        </div>

        <div class="datawrap5">
<!--            <div class="databox">-->
<!--                <div class="databox-left">-->
<!--                    <div class="databox-left-ct">-->
<!--                        <span style="color: red">*</span>订单标题-->
<!--                    </div>-->
<!--                </div>-->
<!--                <div class="databox-right">-->
<!--                    <input class="text-input height-input" type="text" name="title"  value="" placeholder="请填写标题(20字以内)" maxlength="20">-->
<!--                </div>-->
<!--            </div>-->

            <div class="databox">
                <div class="databox-left">
                    <div class="databox-left-ct">
                        <span style="color: red">*</span>代练价格
                    </div>
                </div>
                <div class="databox-right">
                    <span class="cmtip">&nbsp;元</span>
                    <input class="text-input height-input" type="number" pattern="(\d{3})([\.])(\d{2})" name="dl_price"  value="" placeholder="请输入金额" maxlength="8">
                </div>
            </div>

            <div class="databox">
                <div class="databox-left">
                    <div class="databox-left-ct">
                        <span style="color: red">*</span>要求时间
                    </div>
                </div>
                <div class="databox-right">
                    <span class="cmtip">&nbsp;&nbsp;小时</span>
                    <input class="text-input height-input" type="number" pattern="(\d{3})([\.])(\d{2})" name="ask_ok_time"  value="" placeholder="要求时间" maxlength="3">
                </div>
            </div>

            <div class="databox">
                <div class="databox-left">
                    <div class="databox-left-ct">
                        <span style="color: red">*</span>安全保证金
                    </div>
                </div>
                <div class="databox-right">
                    <span class="cmtip">&nbsp;元</span>
                    <input class="text-input height-input" type="number" pattern="(\d{3})([\.])(\d{2})" name="bond"  value="" placeholder="请输入金额" maxlength="8">
                </div>
            </div>
        </div>
        <div class="datawrap1">
            <div class="databox">
                <div class="databox-left">
                    <div class="databox-left-ct">
                        <span style="color: red">*</span>游戏账号
                    </div>
                </div>
                <div class="databox-right">
                    <input class="text-input height-input" type="text" name="game_account"  value="" placeholder="请输入您的游戏账号" maxlength="20">
                </div>
            </div>

            <div class="databox">
                <div class="databox-left">
                    <div class="databox-left-ct">
                        <span style="color: red">*</span>游戏密码
                    </div>
                </div>
                <div class="databox-right">
                    <input class="text-input height-input" type="text" name="game_pass"  value="" placeholder="请输入您的游戏密码" maxlength="20">
                </div>
            </div>

            <div class="databox">
                <div class="databox-left">
                    <div class="databox-left-ct">
                        联系电话
                    </div>
                </div>
                <div class="databox-right">
                    <input class="text-input height-input" type="text" name="moblie"  value="" placeholder="请输入您的联系电话" maxlength="20">
                </div>
            </div>
        </div>

        <div class="datawrap1">
            <div class="databox1">
                <div class="databox-left1">
                    <div class="databox-left-ct1">
                        <span style="color: red">*</span>代练要求
                    </div>
                </div>
                <div class="databox-right1">
                    <textarea class="textarea1" type="text" name="dl_ask"  placeholder="&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;请输入代练要求" rows="8"></textarea>
                </div>
            </div>

            <div class="databox1">
                <div class="databox-left1">
                    <div class="databox-left-ct1">
                        其他说明
                    </div>
                </div>
                <div class="databox-right1">
                    <textarea class="textarea1" type="text" name="other"  placeholder="&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;请输入其他说明" rows="8"></textarea>
                </div>
            </div>
        </div>
        <span style="color: red;    font-size: 15pt;">* 为必填项</span>

        <div class="form-group">
            <button type="submit" onclick="fadan_sub()" class="btn btn-primary btn-lg btn-block">{:__('下一步')}</button>
        </div>
    </form>

</div>

{include file="layout/footer" /}
<script type="text/javascript">
    function fadan_sub() {
        $.ajax({
            type: "POST",//方法类型
            dataType: "json",//预期服务器返回的数据类型
            url: "{:url('index/release')}" ,//url
            data: $('#fadan').serialize(),
            success: function (result) {
                if (result.code == 100) {
                    new NoticeJs({
                        text: result.msg,
                        position: 'middleCenter',
                        animation: {
                            open: 'animated bounceInRight',
                            close: 'animated bounceOutLeft'
                        }
                    }).show();
                }else if (result.code == 101) {
                    new NoticeJs({
                        text: result.msg,
                        position: 'middleCenter',
                        animation: {
                            open: 'animated bounceInRight',
                            close: 'animated bounceOutLeft'
                        }
                    }).show();
                }
                ;

            },
            error : function() {
                new NoticeJs({
                    text: '异常',
                    position: 'middleCenter',
                }).show();
            }
        });
    }
</script>

<script type="text/javascript" src="__CDN__/assets/user/js/jquery.min.js"></script>
<script type="text/javascript" src="__CDN__/assets/user/js/bootstrap.min.js"></script>
</body>
</html>
